<%-- 
    Document   : oversigt
    Created on : Nov 25, 2010, 11:14:07 AM
    Author     : bertram
--%>

<%@page import="entities.ArtPhoto"%>
<%@page import="data.PhotoCache"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="banner.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>Værk og billed oversigt.</title>
        <script type="text/javascript" src="scripts/jquery-1.4.3.js"></script>
        <script type="text/javascript" src="jquery.json-1.3.min.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <SCRIPT TYPE="text/javascript">
            var photos = [];
            var selectedPhotos = [];
            
            $(document).ready(function() {
                $("#sbmt").click(function(){
                  
                    $("input[type='checkbox']:checked").each(
                    function(index) {
                        
                        selectedPhotos[index] = this.id;
                       
                    });
                    
                    
                    $.ajax({
                        url: 'photos/cache',
                        type: 'POST',
                        dataType: 'json',
                        timeout: 30000000,
                        data: "data="+$.toJSON(selectedPhotos),
                        error: function(text){
                            $("#messages").text("ingen valgt måske?");
                        },
                        success: function(json){

                            $("#messages").text("gemt i databasen");
                            window.location.href = "imageinfo.jsp?cacheID="+json.cacheID;
                        }
                    });

                });

            <% if (request.getParameterMap().containsKey("cacheID")) {
                            ArrayList<ArtPhoto> photos = PhotoCache.getPhotos(request.getParameter("cacheID"));
                            for (int i = 0; i < photos.size(); i++) {%>
                                    photos[<%=i%>] = <%=photos.get(i).toJson()%>;
                                    
            <%}
             } else {
                 if (request.getParameterMap().containsKey("byuser")) {%>
                         $.ajax({
                             url: 'photos/byuser/',
                             type: 'POST',
                             dataType: 'json',
                             timeout: 30000000,
                             data: "data="+$.toJSON(selectedPhotos),
                             error: function(text){
                                 $("#messages").text("ingen billeder fundet?");
                             },
                             success: function(json){

                                 photos = json.photos;
                                 drawImages();
                             }
                         });

            <%}
                                         }%>
                                                
                                                 drawImages();
                                                 $("#nonatt").click(function(){
                                                     $.ajax({
                                                         url: 'photos/byuser/nonatt',
                                                         type: 'POST',
                                                         dataType: 'json',
                                                         timeout: 30000000,
                                                         data: "data="+$.toJSON(selectedPhotos),
                                                         error: function(text){
                                                             $("#messages").text("ingen billeder fundet?");
                                                         },
                                                         success: function(json){

                                                             photos = json.photos;
                                                             drawImages();
                                                         }
                                                     });
                                                 });
                                             });
                            
                                             function drawImages(){
                                             $("#imageTable > tbody").html("");
                                                 var count = 0;
                                                 if(photos.lenght == 0)$("#messages").text("ingen billeder fundet");
                                                 $.each(photos, function(index, value){
                                  
                                                     if(this.type != "image/tiff")
                                                     {
                                                         if(count%3== 0){
                                                             $("#imageTable > tbody").append("<tr>");
                                                         }
                                       
                                                         $("#imageTable > tbody").append("<td ><img src='thumbs/"+this.imageID+
                                                             ".jpg'  id='"+index+"' border='0'/> <br /><input type = 'checkbox' id='"+this.imageID+"'></td>");
                                                         if(count%3== 2){
                                                             $("#imageTable > tbody").append("</tr>");
                                                         }
                                                         count++;
                                                     };
                                    
                                                 });

                                             }
        

        </SCRIPT>



    </head>
    <body>
        <h2 align="center">vælg de billeder du ønsker at arbejde med</h2>
        <p class="info">
            Vær opmærksom på at nogle af disse billeder allerede kan være tilknyttet et værk, Hvis du vælger <br />
            at redigere dem vil de blive tilknyttet et nyt værk.
            <br />Hvis du ønsker at redigere i et allerede eksisterende værk, skal du trykke på "mine værker" i toppen
            <br />af siden. 
        </p>
        <input type="button" id="nonatt" value="se de billeder der ikke er tilknyttet et værk" />
        <table border="1"  id="imageTable" align="center">
            <CAPTION align="bottom" align="right"><input type="button" value="Redigér" align="right" id="sbmt"></CAPTION>

            <tbody>


            </tbody>

        </table>

        <div id="messages" />

    </body>
</html>
